<template>
	<view>
		<view class="u-padding-20">
			<view style="font-size: 52rpx;font-weight: bold;">押金费用</view>
			<view class="u-margin-top-20">尊敬的用户您好，本次将收取押金费用50元</br> 结账后押金自动退回支付账户！</view>
		</view>

		<view style="font-size: 96rpx;text-align: center;color: #4F8BFF;margin: 100rpx  0;">￥200</view>

		<view @click="" style="
	    border-radius: 68rpx;
	    background: linear-gradient(180deg,#4f8bff , #745eff );
	    border-radius: 48rpx;
	    box-shadow: 0px 6rpx 12rpx 0px rgba(2,88,255,0.28); 
	   text-align: center;padding: 20rpx 0;color: #fff;
	   width: 700rpx;
	   margin: auto;
	   " @click="pay">

			立即支付
		</view>

	</view>
</template>

<script>
	import wxpay from '@/common/wxpay.js';
	export default {
		data() {
			return {

			}
		},
		pay() {
			const wx = new wxpay(res);
			wx.pay().then(res => {
				this.$refs.uToast.show({
					title: '提交成功',
					type: 'success',
					back: true
				})
			}).catch(err => {

			})
		}
	}
</script>

<style>
</style>
